<template>
<div><input type="text" placeholder="房屋类型" class="input1"><input type="text" placeholder="房屋状态" class="input1">
<input type="text" placeholder="房屋号" class="input1"><input type="text" placeholder="楼层" class="input1">
    <button class="but1"> 查询</button>  <button class="but1">重置</button> 
    <button id="bute">新增房屋</button><button class="but1">批量导入</button>
</div>
<div>
    <table>
        <tr><td><input type="checkbox" name="check"></td><td>房屋编号</td><td>楼层</td><td>类型</td>
        <td>面积</td><td>租金</td><td>租金方案</td><td>更新时间</td><td>房屋状态</td><td>操作</td></tr>
        <tr><td><input type="checkbox" name="check"></td><td>264782</td><td>3-201</td><td>一室一厅</td>
        <td>36</td><td>6000元</td><td>押一付一</td><td>2024-2-12 19：00</td><td>空置</td>
        <td><button class="but2"> 查看</button>  <button class="but2">编辑</button> 
            <button class="but2">删除</button></td></tr>
    </table>
</div>
    
</template>
<script>

</script>
<style>
    .input1{
        margin-left: 10px;
    }
    .but1{
        margin-left: 10px;
    }
    #bute{
        margin-left: 900px;
    }
    .but2{
        border: none;
        color:blue;
    }
     .but2:hover{
       
        color:deepskyblue;
    }
    td{
        width: 140px;
        height: 50px;
        text-align: left;
    }
</style>